<template>
    <Child v-model:list="list" @update:list="handle"/>
    <div class="body">
            <ul>
                <li v-for="item in list">{{item}}</li>
            </ul>
        </div>
</template>

<script setup>
import { ref } from "vue";
import Child from './child.vue'


const list = ref(['HTML', 'CSS'])

const handle = (e) =>{
    list.value = e
}
</script>

<style lang="css" scoped>

</style>